<!-- <template>
  <a-layout style="height: 100%">
    <teacher-header />
    <a-layout style="height: 100%">
      <a-layout-sider width="200px">
        <admin-aside />
      </a-layout-sider>
      <a-layout-content>
        <router-view />
      </a-layout-content>
    </a-layout>
  </a-layout>
</template> -->
<template>
  <div>
    <teacher-header style="width: 100%;"/>
    <div class="box_footer">
      <div style="width: 180px; height: 690px;">
        <admin-aside width="180px"/>
      </div>
      <div class="right_box">
        <router-view />
      </div>
    </div>
  </div>
</template>

<script>
import AdminAside from "./TeacherAside";
import TeacherHeader from "./TeacherHeader";
export default {
  components: { TeacherHeader, AdminAside },
};
</script>

<style>
.box_footer {
  display: flex;
}
.right_box {
  flex:auto;
  height: 690px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #eee;
}
/* .ant-layout {
  background: #fff;
  height: 100%;
} */

/* .ant-layout-header {
  background: #fff;
} */

/* .ant-layout-sider {
  background: #fff;
} */
</style>
